﻿body {
    background-color: #EEE;
    font-family: Segoe UI;
    margin: 0;
    padding: 0;
}

.levo {
    float: left;
    margin: 0;
    padding: 0;
}

.desno {
    float: right;
    margin: 0;
    padding: 0;
}

.pocisti {
    clear: both;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.hidden {
    display:none;
}

.page {
    background-color: #FFF;
    margin: 0 auto;
    width: 1200px;
}

.top {
    background-color: #FAFAFA;
    padding: 10px;
}

    .top .logo {
        max-height: 48px;
        vertical-align: middle;
    }

    .top h1 {
        display: inline-block;
        font-size: 30px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

.middle {
}

    .middle .box {
        background-color: #FFF;
        padding: 10px;
    }

        .middle .box .title {
            background-color: #2B6986;
            color: #FFF;
            margin-bottom: 5px;
            padding: 5px;
        }

        .middle .box p {
            margin: 0 0 5px;
            padding: 0;
        }

        .middle .box select {
            border: 1px solid #000;
            font-size: 15px;
            padding: 5px;
            width: 100%;
        }

    .middle .izbirnik {
        width: 300px;
    }

    .middle .statistika {
        border: 1px solid #AAA;
        font-size: 12px;
        margin: 10px 0;
        min-height: 100px;
        padding: 5px;
    }

        .middle .statistika .title {
            background-color: #C0673D;
        }

        .middle .statistika .pozitiven {
            background-color: #3DC067;
            color: #FFF;
        }

        .middle .statistika .negativen {
            background-color: #C03D55;
            color: #FFF;
        }

    .middle .podrobnosti {
        min-height: 100px;
        width: 400px;
    }

        .middle .podrobnosti .title {
            background-color: #C03D55;
        }

        .middle .podrobnosti .legenda {
            font-size: 12px;
        }

        .middle .podrobnosti table {
            border: 1px solid #AAA;
            border-spacing: 0;
            margin: 20px 0 0;
            padding: 0;
            width: 100%;
        }

        .middle .podrobnosti table th {
            background-color: #AAA;
            border: 1px solid #EEE;
            font-size: 12px;
            padding: 5px;
        }

            .middle .podrobnosti table a {
                color: #000;
            }

        .middle .podrobnosti table td {
            border: 1px solid #EEE;
            font-size: 10px;
            padding: 2px 6px;
        }

        .middle .podrobnosti .vrstica {
            background-color:  #A83DC0;
            color: #FFF;
        }

    .middle .ajax {
        min-height: 100px;
        width: 440px;
    }

        .middle .ajax .title {
            background-color: #C0673D;
        }

#AjaxObcinaStatistika {
    border: 1px solid #AAA;
    margin: 10px 0;
}

.bottom {
    background-color: #2B2B2B;
    padding: 10px;
    text-align: center;
}

    .bottom span {
        color: #FFF;
        font-size: 10px;
    }
